<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>货物报损</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport"
        content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
  <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
  <link rel="stylesheet" href="/css/font.css">
  <link rel="stylesheet" href="/css/xadmin.css">
  <script type="text/javascript" src="/js/jquery-3.2.1.min.js"></script>
  <script type="text/javascript" src="/js/my.js"></script>
  <script type="text/javascript" src="/lib/layui/layui.js" charset="utf-8"></script>
  <script type="text/javascript" src="/js/xadmin.js"></script>
  <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
  <!--[if lt IE 9]>
  <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>

<body>
<div class="x-body">

  <form class="layui-form">
    <div class="layui-form-item">
      <label for="L_product_name" class="layui-form-label">
        <span class="x-red">*</span>产品名
      </label>
      <div class="layui-input-inline">
        <input type="text" id="L_product_name" name="product_name" required="" autocomplete="off" class="layui-input">
      </div>
    </div>


    <div class="layui-form-item">
      <label for="L_damages_num" class="layui-form-label">
        <span class="x-red">*</span>损坏数量
      </label>
      <div class="layui-input-inline">
        <input type="text" id="L_damages_num" name="damages_num" required="" lay-verify="number" autocomplete="off"
               class="layui-input">
      </div>
    </div>

    <div class="layui-form-item">
      <label for="L_warehouse_name" class="layui-form-label">
        <span class="x-red">*</span>仓库名称
      </label>
      <div class="layui-input-inline">
        <select id="L_warehouse_name">
        </select>
      </div>
    </div>

    <div class="layui-form-item">
      <label for="L_damage_reason" class="layui-form-label">
        <span class="x-red">*</span>报损原因
      </label>
      <div class="layui-form-item layui-form-text">
        <input type="text" id="L_damage_reason" name="damage_reason" required="" autocomplete="off"
               class="layui-textarea">
      </div>
    </div>


    <div class="layui-form-item">
      <label for="L_add" class="layui-form-label">
      </label>
      <button class="layui-btn" id="L_add" lay-filter="add" lay-submit="">
        增加
      </button>
    </div>
  </form>
</div>
<script>
  function getClassify() {
    $.ajax({
      url: server_address + "/warehouse/selectName",
      type: "get",
      dataType: "json",
      success: function (data) {
        //创建一个拼接字符串的变量
        var html = "";
        for (var i = 0; i < data.length; i++) {
          console.log(data[i].name)
          console.log("<option value='" + data[i].name + "'>" + data[i].name + "</option>")
          $("#L_warehouse_name").append("<option value='" + data[i].name + "'>" + data[i].name + "</option>");
        }
        //重新渲染
        layui.form.render("select");
      }
    });
  }


  layui.use(['form', 'layer'], function () {
    getClassify();
    $ = layui.jquery;
    var form = layui.form
            , layer = layui.layer;

    //监听提交
    form.on('submit(add)', function (data) {
      console.log(data);
      //发异步，把数据提交给php
      $.ajax({
        url: server_address + "/damages/addAjax",
        type: "post",
        data: {
          "product_name": $("#L_product_name").val(),
          "warehouse_name": $("#L_warehouse_name").val(),
          "damages_num": $("#L_damages_num").val(),
          "damage_reason": $("#L_damage_reason").val(),
        },
        dataType: "json",//返回的数据类型
        success: function (data) {
          //定义{info:"登录成功"}
          console.log(data)
          if(data.info == 1){
            layer.alert("增加成功", { icon: 6 }, function () {
              // 获得frame索引
              var index = parent.layer.getFrameIndex(window.name);
              //关闭当前frame
              parent.layer.close(index);
              window.location.href = server_address+"/damages";
            });
          }else {
            layer.alert("增加失败");
          }
        }
      })

      return false;
    });


  });
</script>
<script>var _hmt = _hmt || []; (function () {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
})();</script>
</body>

</html>